<template>
        <swiper>
            <swiper-item v-for="(item,index) in banner" :key="index">
                <a :href="item.link">
                    <img :src="item.image" alt="" @load="imageLoad">
                </a>
            </swiper-item>
        </swiper>
</template>

<script>
import{Swiper,SwiperItem}from'components/common/swiper'
export default {
    name:"HomeSwiper",
    //拿数据
    props:{
        banner:{
            type:Array,
            default(){
                return[]
            }
        }
    },
    data(){
        return{
            isLoad:false
        }
    },
    components:{
       Swiper,
       SwiperItem 
    },
    methods:{
        imageLoad(){
            //节流
           if(!this.isLoad){
               this.$emit('swiperImageLoad')
               this.isLoad=true
           }
        }
    }
}
</script>

<style scoped>

</style>